<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>铝邦CRM客户管理系统</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/setting.css"/>
    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
</head>
<body class="body-set">
<div class="main-nav">
    <h3>操作日志</h3>
</div>
<div class="log-wap">
    <span class="ope-log log-on">操作日志</span>
    <span class="login-log">登录日志</span>
</div>
<div class="log-search log-cz">
    <label>操作人员：</label>
    <select name="" id="">
        <option value="0">--所有人员--</option>
        <option value="1">思远</option>
        <option value="2">小杰</option>
        <option value="3">阿曼</option>
        <option value="4">admin</option>
    </select>
    <label>所属模块：</label>
    <select name="" id="">
        <option value="0">--所有模块--</option>
        <option value="1">线索</option>
        <option value="2">客户</option>
        <option value="3">代理</option>
        <option value="4">联系</option>
        <option value="5">跟进记录</option>
        <option value="6">设置</option>
    </select>
    <label>操作类型：</label>
    <select name="" id="">
        <option value="0">--所有类型--</option>
        <option value="1">删除</option>
        <option value="2">指派</option>
        <option value="3">新建</option>
        <option value="4">编辑</option>
    </select>
    <label>操作对象：</label>
    <input type="text"/>
    <label>操作时间：</label>
    <input class="span2 datetimepicker start" size="16" type="text" value="">
    <span>—</span>
    <input class="span2 datetimepicker end" size="16" type="text" value="">
    <span class="emp-btn emp-sea">查询</span>
</div>
<div class="set-bar-msg log-cz">
    <div class="bar-msg-title">
        <div class="col-sm-1">ID</div>
        <div class="col-sm-2">操作时间</div>
        <div class="col-sm-1">操作人员</div>
        <div class="col-sm-1">操作对象</div>
        <div class="col-sm-1">操作类型</div>
        <div class="col-sm-1">字段名</div>
        <div class="col-sm-1">旧字段值</div>
        <div class="col-sm-1">新字段值</div>
        <div class="col-sm-3">备注</div>
    </div>
    <ul class="level-0">
        <li class="level-1">
            <div class="col-sm-1">5</div>
            <div class="col-sm-2">2017-10-13 13:36</div>
            <div class="col-sm-1">思远</div>
            <div class="col-sm-1"></div>
            <div class="col-sm-1">删除</div>
            <div class="col-sm-1">跟进记录</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-3">沟通的很好，满意</div>
        </li>
        <li class="level-1">
            <div class="col-sm-1">4</div>
            <div class="col-sm-2">2017-10-13 13:35</div>
            <div class="col-sm-1">小杰</div>
            <div class="col-sm-1"></div>
            <div class="col-sm-1">指派</div>
            <div class="col-sm-1">负责人</div>
            <div class="col-sm-1">啊啊</div>
            <div class="col-sm-1">安安</div>
            <div class="col-sm-3">----</div>
        </li>
        <li class="level-1">
            <div class="col-sm-1">3</div>
            <div class="col-sm-2">2017-10-12 10:30</div>
            <div class="col-sm-1">阿曼</div>
            <div class="col-sm-1"></div>
            <div class="col-sm-1">新建</div>
            <div class="col-sm-1">跟进记录</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-3">----</div>
        </li>
        <li class="level-1">
            <div class="col-sm-1">2</div>
            <div class="col-sm-2">2017-10-11 18:22</div>
            <div class="col-sm-1">admin</div>
            <div class="col-sm-1"></div>
            <div class="col-sm-1">新建</div>
            <div class="col-sm-1">公司名称</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-1">厦门铝邦</div>
            <div class="col-sm-3"></div>
        </li>
        <li class="level-1">
            <div class="col-sm-1">1</div>
            <div class="col-sm-2">2017-10-10 9:23</div>
            <div class="col-sm-1">admin</div>
            <div class="col-sm-1"></div>
            <div class="col-sm-1">新建</div>
            <div class="col-sm-1">公司名称</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-1">----</div>
            <div class="col-sm-3">-----</div>
        </li>
    </ul>
</div>
<div class="log-search log-dl">
    <label>登录人员：</label>
    <select name="" id="">
        <option value="0">--所有人员--</option>
        <option value="1">思远</option>
        <option value="2">小杰</option>
        <option value="3">阿曼</option>
        <option value="4">admin</option>
    </select>
    <label>操作时间：</label>
    <input class="span2 datetimepicker start" size="16" type="text" value="">
    <span>—</span>
    <input class="span2 datetimepicker end" size="16" type="text" value="">
    <span class="emp-btn emp-sea">查询</span>
</div>
<div class="set-bar-msg log-dl">
    <div class="bar-msg-title">
        <div class="col-sm-2">编号</div>
        <div class="col-sm-2">登录人员</div>
        <div class="col-sm-2">登录地点</div>
        <div class="col-sm-3">IP</div>
        <div class="col-sm-3">登录时间</div>
    </div>
    <ul class="level-0">
        <li class="level-1">
            <div class="col-sm-2">5</div>
            <div class="col-sm-2">思远</div>
            <div class="col-sm-2">福建-厦门</div>
            <div class="col-sm-3">192.110.165.2</div>
            <div class="col-sm-3">2017-10-10 13:25</div>
        </li>
        <li class="level-1">
            <div class="col-sm-2">4</div>
            <div class="col-sm-2">admin</div>
            <div class="col-sm-2">福建-厦门</div>
            <div class="col-sm-3">156.201.221.25</div>
            <div class="col-sm-3">2017-10-10 13:20</div>
        </li>
        <li class="level-1">
            <div class="col-sm-2">3</div>
            <div class="col-sm-2">小杰</div>
            <div class="col-sm-2">广东-广州</div>
            <div class="col-sm-3">210.210.141.52</div>
            <div class="col-sm-3">2017-10-10 12:52</div>
        </li>
        <li class="level-1">
            <div class="col-sm-2">2</div>
            <div class="col-sm-2">阿曼</div>
            <div class="col-sm-2">上海-上海</div>
            <div class="col-sm-3">132.165.200.1</div>
            <div class="col-sm-3">2017-10-10 11:55</div>
        </li>
        <li class="level-1">
            <div class="col-sm-2">1</div>
            <div class="col-sm-2">admin</div>
            <div class="col-sm-2">福建-龙岩</div>
            <div class="col-sm-3">-----------</div>
            <div class="col-sm-3">2017-10-10 08:25</div>
        </li>
    </ul>
</div>
<div class="pages log-cz">
    <div class="pages-box">
        <a href="" class="count startpage">上一页</a>
        <a href="" class="count on">1</a>
        <a href="" class="count">2</a>
        <a href="" class="count">3</a>
        <span class="page-span">...</span>
        <a href="" class="count">5</a>
        <a href="" class="count endpage">下一页</a>
        <a href="" class="count endpages">末页</a>
        <span>共<span>5</span>条</span>
    </div>
</div>
<div class="pages log-dl">
    <div class="pages-box">
        <a href="" class="count startpage">上一页</a>
        <a href="" class="count">1</a>
        <a href="" class="count on">2</a>
        <a href="" class="count">3</a>
        <span class="page-span">...</span>
        <a href="" class="count">5</a>
        <a href="" class="count endpage">下一页</a>
        <a href="" class="count endpages">末页</a>
        <span>共<span>5</span>条</span>
    </div>
</div>
<script>
    $(".span2").datetimepicker({
        language:'zh-CN',//中文显示日期
        format:'yyyy-mm-dd hh:ii',//显示为年：月：日 时：分
        weekStart:1,//星期一为一周开始
        todayBtn:true,//可以选择当前时间
        autoclose:true,//自动关闭
        todayHighlight:true,//今天高亮
        startView:2,
        forceParse:true,  //输入错误的时间时，会强制解析
        showMeridian:true, //启用子午线视图？不知道什么鬼
        minuteStep:5    //最小分钟数，设置为5
    });
    //日期约束
    $(".start").datetimepicker().on("click",function(){
        $(this).datetimepicker("setEndDate",$(".end").val())
    });
    $(".end").datetimepicker().on("click",function(){
        $(this).datetimepicker("setStartDate",$(".start").val())
    });
</script>
<script>
    $(function () {
        $(".log-wap span").click(function () {
            $(this).siblings().removeClass("log-on");
            $(this).addClass("log-on");
            var index = $(this).index();
            if(index == 0){
                $(".log-cz").show();
                $(".log-dl").hide();
            }else{
                $(".log-cz").hide();
                $(".log-dl").show();
            }
        });
        $(".count").click(function () {
            $(this).siblings().removeClass("on");
            $(this).addClass("on");
            var index = $(this).index();
            if(index == 1){
                $(".startpage").hide();
            }
        })
    })

</script>
</body>
</html>